<zzzzzz-ui:message key="msg_success_profile_settings" type="success"/>
<form:form method="post" modelAttribute="editProfileVo" action="${ctx}/settings/profile">
	<form:errors path="*" element="div" cssClass="msg-error"/>
	<div class="fieldset">
		<span class="column of-five">Picture</span>
		<c:choose>
			<c:when test="${currentUser.thumbnailId == null || empty currentUser.thumbnailId}">
				<img src="${ctx}/res/images/default_portrait.png" class="ui-inline-block ui-inline-block-middle thumb thumb_60"/>
			</c:when>
			<c:otherwise>
				<img src="${ctx}/image/${currentUser.thumbnailId}" class="ui-inline-block ui-inline-block-middle thumb thumb_60"/>
			</c:otherwise>
		</c:choose>
		<a href="${ctx}/settings/portrait" class="mlm ui-inline-block-bottom">Edit picture</a>
	</div>
	<div class="fieldset">
		<label for="ps_firstname" class="column of-five">First Name</label>
		<form:input path="firstName" id="ps_firstname" tabindex="1" maxlength="20" class="triple-column column of-five" />
	</div>
	<div class="fieldset">
		<label for="ps_lastname" class="column of-five">Last Name</label>
		<form:input path="lastName" id="ps_lastname" tabindex="2" maxlength="20" class="triple-column column of-five" />
	</div>
	<div class="fieldset">
		<label for="ps_username" class="column of-five">Username</label>
		<form:input path="username" id="ps_username" tabindex="3" maxlength="20" class="triple-column column of-five" />
	</div>
	<div class="fieldset">
		<label for="ps_aboutme" class="column of-five">About Me</label>
		<form:textarea path="aboutMe" id="ps_aboutme" tabindex="4" maxlength="160" class="column" cssStyle="width: 60%;" />
		<div>
			<span class="column of-five"></span>
			<span class="fcl fsm">About yourself in fewer than 160 characters.</span>
		</div>
	</div>
	<div class="fieldset">
		<label for=ps_dob_day class="column of-five">Date of Birth</label>	
		<form:select path="day" id="ps_dob_day" tabindex="5" ><form:option value="" label="Day" /><form:options items="${dayOptions}" itemLabel="dayLabel" itemValue="dayValue"/></form:select><span>&nbsp;</span><form:select path="month" id="pe_dob_month"><form:option value="" label="Month" /><form:options items="${monthOptions}" itemLabel="monthLabel" itemValue="monthValue"/></form:select><span>&nbsp;</span><form:select path="year" id="pe_dob_year"><form:option value="" label="Year" /><form:options items="${yearOptions}" itemLabel="yearLabel" itemValue="yearValue"/></form:select>
	</div>
	<div class="fieldset">
		<label for="ps_gender" class="column of-five">Gender</label>
		<form:select path="gender" id="ps_gender" tabindex="6"><form:option value="" label="" /><form:options items="${genderOptions}" itemLabel="genderLabel" itemValue="genderValue"/></form:select>
	</div>
	<div>
		<span class="column of-five"></span>
		<input type="submit" value="Save Changes" tabindex="7" class="btn style1 medium column" />
	</div>
</form:form>